<!-- Dom模板 -->
<template>
  <div class="query">
    <!-- Dom内容 -->
    <button class="btn" @click="queryListAll">查询</button>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: "",
  data() {
    return {
      msg: "测试",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {
    queryListAll() {
      this.$options._parentListeners.queryList();
    },
  },
};
</script>

<style scoped>
/* @import url(''); 引入css类 */
.query {
  width: auto;
  float: left;
}
.btn {
  width: 75px;
  height: 30px;
  border-radius: 25px;
  outline: none;
  border: none;
  color: white;
  cursor: pointer;
  background: rgba(60, 161, 255);
}
</style>